<!DOCTYPE html>
<html lang="en">
      <head>
      <title>Home</title>
      <meta charset="utf-8">
      <link rel="icon" href="img/favicon.ico" type="image/x-icon">
      <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
      <meta name="description" content="Your description">
      <meta name="keywords" content="Your keywords">
      <meta name="author" content="Your name">
      <link rel="stylesheet" href="css/bootstrap.css" type="text/css" media="screen">
      <link rel="stylesheet" href="css/responsive.css" type="text/css" media="screen">
      <link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
      <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'>
      <script type="text/javascript" src="js/jquery.js"></script>
      <script type="text/javascript" src="js/superfish.js"></script>
      <script type="text/javascript" src="js/jquery.mobilemenu.js"></script>    
      <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
      <script src="js/jquery.tweet.js" type="text/javascript"></script>
      <script>	  
	  $(window).load( function(){
        jQuery('.tweet_list li:last-child').addClass("last");	
		 });		
         
      </script>

      <!--[if lt IE 8]>
  		<div style='text-align:center'><a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://www.theie6countdown.com/img/upgrade.jpg"border="0"alt=""/></a></div>  
 	<![endif]-->
      <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:600' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:700' rel='stylesheet' type='text/css'>
  <![endif]-->
      </head>

      <body>
<!--============================== header =================================-->
<header>
        <div class="container">
    <div class="navbar navbar_">
            <div class="clearfix">
        <h1 class="brand"><a href="index.html"><img alt="Tagoo" src="img/logo.png"></a></h1>
        <div class="nav-collapse nav-collapse_  collapse">
         <ul class="nav sf-menu">
            <li class="active"><a href="index.html">Home</a></li>
            <li><a href="index-1.html">About us </a></li>
            <li><a href="index-2.html">Clients</a>
                <ul>
                    <li><a href="#">Dolore ipsu</a></li>
                    <li><a href="#">Consecte</a>
                        <ul>
                        <li><a href="#">Dolore ipsu</a></li>
                        <li><a href="#">Consecte</a></li>
                        <li><a href="#"> Elit Conseq</a></li>
                       </ul>
                   </li>
                   <li><a href="#">Elit Conseq</a></li>
              </ul>
            </li>
            <li><a href="index-3.html">Services</a></li>
            <li><a href="index-4.html">Mail Us</a></li>
         </ul>
     </div>
      </div>
   </div>
  </div>
      </header>
<div class="row-top">
        <div class="box-slogan">
        <div class="container relative"> <img alt="" class="iphone" src="img/iphone.png">
        <div class="slogans clearfix">
        <figure><img alt="" src="img/img-slogan.png"></figure>
        <div class="overflow"> <strong>Tag Your</strong> <strong>Favorite places</strong> <strong>on your own map</strong>
                <p><span>Vitae diam doloret ut purus luctus facilisis.</span> Nullam at lectus non eros tristique ultrice 
            duis quis imperdiet est Sed lobo.</p>
              </div>
      </div>
          </div>
  </div>
        <div class="box-btn">
    <div class="container">
            <div class="start-price">starting from <span>$9.99</span></div>
            <div class="buttons"> <a href="#"><img src="img/android-btn.png" alt=""></a> <a href="#"><img alt="" src="img/apple-btn.png"></a> </div>
          </div>
  </div>
      </div>

<!--============================== content =================================-->

<div id="content"  class="extra-content">
        <div class="row-extra">
    <div class="glow">
            <div class="container">
        <div class="row">
             <article class="span4 box-1">
            <figure><img alt="" src="img/page1-img1.png"></figure>
            <h2>Tag Place</h2>
            <p>Duis eros ligula lacinia quis euismod in digni.ssim at neq. Aliquam quis conse ctetur magna. Aliquam sed nibh condi entum ligula consequat egestas. </p>
          </article>
          <article class="span4 box-1">
            <figure><img alt="" src="img/page1-img2.png"></figure>
            <h2>Take Photo</h2>
            <p>Duis eros ligula lacinia quis euismod in digni.ssim at neq. Aliquam quis conse ctetur magna. Aliquam sed nibh condi entum ligula consequat egestas. </p>
          </article>
          <article class="span4 box-1">
            <figure><img alt="" src="img/page1-img3.png"></figure>
            <h2>Share</h2>
            <p>Duis eros ligula lacinia quis euismod in digni.ssim at neq. Aliquam quis conse ctetur magna. Aliquam sed nibh condi entum ligula consequat egestas. </p>
          </article>
              </div>
      </div>
          </div>
  </div>
        <div class="container">
    <div class="row">
       <article class="span4">
        <h3>About Us</h3>
        <div class="txt-1"> Aliquam condimentum, odio sed consecte tur ultricies, est mi posuere metus. </div>
        <p>Quisque gravida felis eu massa consectetur at malesuada nibh porttitor. Nam nunc nulla, tempus at viverr sit ametet semper nec diamhasellus tellus elit, placerat.</p>
        <ul class="list-icons">
                <li><a href="#"><img alt="" src="img/icon-1.png"></a></li>
                <li><a href="#"><img alt="" src="img/icon-2.png"></a></li>
                <li><a href="#"><img alt="" src="img/icon-3.png"></a></li>
         </ul>
      </article>
            <article class="span4">
        <h3>Tweets</h3>
        <div class="tweet"></div>
      </article>
            <article class="span4">
        <h3>Featured <span>News</span></h3>
        <ul  class="list-news">
                <li>
            <div class="date-comment">
                    <time datetime="2013-12-28"> 28 <strong>dec</strong> </time>
                    <a href="#" class="comment"><span></span></a> </div>
            <div class="overflow">
                    <div class="txt-1"><a href="#" >Dolore Ipsum</a></div>
                    Morbi tempor quam vel massa adipisci ongue 
                    pelle ntesque nisel. Veliter comte velultrices. 
                    Ut intere dum purusam  tell. </div>
          </li>
                <li>
            <div class="date-comment">
                    <time datetime="2013-12-28"> 28 <strong>dec</strong> </time>
                    <a href="#" class="comment"><span></span></a> </div>
            <div class="overflow">
                    <div class="txt-1"><a href="#" >Dolore Ipsum</a></div>
                    Morbi tempor quam vel massa adipisci ongue 
                    pelle ntesque nisel. Veliter comte velultrices. 
                    Ut intere dum purusam  tell. </div>
          </li>
              </ul>
      </article>
          </div>
  </div>
      </div>

<!--============================== footer =================================-->
<footer>
        <div class="container clearfix">
    <div class="pull-right">
            <div class="list-soc clearfix">
             <a href="#"><img alt="" src="img/soc-icon1.png"></a>
              <a href="#"><img alt="" src="img/soc-icon2.png"></a>
               <a href="#"><img alt="" src="img/soc-icon3.png"></a> </div>
          </div>
    <div class="privacy"><img src="img/logo-footer.png" alt=""> &copy; 2013 | <a href="index-5.html">Privacy Policy</a>&nbsp; 
            <!-- {%FOOTER_LINK} --></div>
  </div>
      </footer>
<script type="text/javascript" src="js/bootstrap.js"></script>
</body>
</html>